<template>
  <el-dialog title="快捷键大全" :visible.sync="that.dialogVisible" width="60%">
    <el-table :data="dataSource" :border="parentBorder" style="width: 100%">
      <el-table-column label="Date" prop="date" />
      <el-table-column label="Name" prop="name" />
    </el-table>
    <span slot="footer" class="dialog-footer">
      <el-button @click="cancel">取 消</el-button>
      <el-button type="primary" @click="saveSetting">确 定</el-button>
    </span>
  </el-dialog>
</template>
  
  <script setup>
import { defineComponent, ref, watch, reactive } from "vue";
import { flowConfig } from "../config/args-config.js";
import $ from 'jquery'
const that = reactive({
  modalVisible: false,
  dataSource: [],
  dialogVisible: false,
});
const open = () => {
  that.modalVisible = true;
  let obj = Object.assign({}, flowConfig.shortcut);
  for (let k in obj) {
    that.dataSource.push(obj[k]);
  }
};
const close = () => {
  that.dataSource = [];
  that.dialogVisible = false;
};
const saveSetting = () => {
  close();
};
const cancel = () => {
  close();
};
</script>
  
  <style lang="scss" scoped>
</style>